@charset "utf-8";
/* CSS Document */

.l-pic { height: 50px; }
.l-strong { font-weight: bold; }
.l-temp01 { vertical-align: middle; margin-top: 5px; margin-left: 10px; }
.l-temp02 { display: block; float: left; margin-top: 20px; }
.p-box01 { width: 20%; left: 0% }
.p-box01-bg { background: url(../images/industrya.jpg) no-repeat; background-size: cover; background-position: center; }
.p-box02 { width: 20%; left: 20% }
.p-box02-bg { background: url(../images/industryc.jpg) no-repeat; background-size: cover; background-position: center; }
.p-box03 { width: 20%; left: 40% }
.p-box03-bg { background: url(../images/industryb.jpg) no-repeat; background-size: cover; background-position: center; }
.p-box04 { width: 20%; left: 60% }
.p-box04-bg { background: url(../images/industryd.jpg) no-repeat; background-size: cover; background-position: center; }
.p-box05 { width: 20%; left: 80% }
.p-box05-bg { background: url(../images/industrye.jpg) no-repeat; background-size: cover; background-position: center; }
.p-entxt { font-size: 14px; font-weight: 600; text-transform: uppercase; margin-top: 10px; }
.p-intitle { font-size: 30px; font-weight: bold; }
.p-tub { margin-bottom: 30px; }
.contact-en { font-size: 14px; font-weight: bold; color: #FFF; }
.ctxt-en { margin-bottom: 15px; font-weight: 600; font-size: 12px; }
.fotnav { display: inline-block; }
.fotul { display: flex; justify-content: center; flex-direction: row; }
.fotul li { list-style-type: none; margin-right: 20px; }
.fotul li:last-child { margin-right: 0; }
.beian { display: inline-block; text-decoration: none; height: 20px; line-height: 20px; margin-right: 15px; }
.p-txtbox { width: 80%; display: inline-block; float: left; text-align: left; }
.p-biaoti { font-size: 18px; font-weight: 600; margin-bottom: 15px; color: #FFF; }
.solutxt { font-size: 15px; color: #FFF; }
.p-tubiao { width: 20%; display: inline-block; float: left; text-align: right; }


/*内页 css*/
.inner-page { }
.inner-page .foot_nybg { background-color: #333; color: #fff; text-align: center; padding: 20px 0; }
.inner-page .foot_nybg p, .inner-page .foot_nybg ul { margin-bottom: 0; }
.inner-content { }
.inbanner { height: 500px; display: flex; flex-flow: column; justify-content: center; align-items: center; width: 100%; color: #fff; }
.inbanner .en { font-size: 30px; font-weight: bold; text-transform: uppercase; }
.inbanner .cn { font-size: 36px; font-weight: bold; }
.inbanner01 { background: url(../images/inbanner01.jpg) no-repeat center; }
.inbanner02 { background: url(../images/inbanner02.jpg) no-repeat center; }
.inbanner03 { background: url(../images/inbanner03.jpg) no-repeat center; }
.inbanner04 { background: url(../images/inbanner04.jpg) no-repeat center; }
.inbanner05 { background: url(../images/industryd.jpg) no-repeat center; }
.ny-location { background: #f8f8f8; height: 60px; line-height: 60px; }
.ny-location .dot { float: right; width: 30%; text-align: right; }
.ny-location .dot02 { float: left; font-size:18px; }
.ny-location .dot02 span{color: #f5951f;}
.ny-location ul { float: left; width: 68%; padding-right: 40px; margin-bottom: 0; }
.ny-location ul li { list-style: none; float: left; }
.ny-location ul li a { font-size: 16px; color: #333; display: block; transition: 0.3s; padding: 0 20px; }
.ny-location ul li.aon a, .ny-location ul li a:hover { color: #fff; background: #f48d32; }
.nywrapper { width: 1400px; margin: 0 auto; }
.mainbox { }
.mainbox img { display: block; max-width: 100%; }
/*关于我们*/
.aboutbox { margin: 50px 0; }
.aboutbox p { font-size: 16px; }
.aboutbox .leftbox { float: left; width: 50%; margin-right: 30px; position: relative; }
.aboutbox .boximg { height: 350px; overflow: hidden; border-radius: 10px; }
.aboutbox .rightbox { float: right; width: calc(50% - 30px); position: relative; }
.aboutbox .bbt { margin-bottom: 24px; font-size: 28px; color: #ffa000; line-height: 1.4; position: relative; margin-top: 45px; font-weight: bold; }
.aboutbox .bbt:after { content: ""; display: block; width: 355px; height: 1px; overflow: hidden; margin-top: 24px; background-color: #9f9f9f; }
.aboutbox .box_t { font-size: 50px; color: #ededed; font-weight: 700; white-space: nowrap; position: absolute; text-transform: uppercase; top: 3%; left: -3%; }
.box-placeholder { width: 1px; height: 107px; overflow: hidden; margin: 0 auto; background-color: #bcbcbc; }
/*荣誉证书*/
.innerhonor { margin-top: 50px; font-size: 16px; margin-bottom:50px; }
.innerhonor .item { width: 31%; float: left; padding: 30px; box-sizing: border-box; background: #f7f7f7; margin: 1%; }
.innerhonor .item .img { display: flex; justify-content: center; align-items: center; height: 280px; overflow: hidden; width: 100%; }
.innerhonor .item .img a {
	width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.innerhonor .item .img img { height: 100%; }
.innerhonor .item .txt { display: block; text-align: center; font-size: 18px; color: #333; line-height: 2; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/*新闻*/
.innernewsbox{margin: 50px 0;}
.innernewsbox .item{
	float: left;
    width: 31%;
    padding: 30px;
    box-sizing: border-box;
    background: #f3f3f3;
    margin: 1%;
	-webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.innernewsbox .item h4{
	position: relative;
    overflow: hidden;
    padding: 0.5em 0;
    height: 80px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.innernewsbox .item:hover{ background:#cee7f5;}
.innernewsbox .item h4::after {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(0,0,0,0.3);
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(-90%, 0, 0);
    transform: translate3d(-90%, 0, 0);
}
.innernewsbox .item:hover h4::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.innernewsbox .item p{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-top: 1em;
    color: #666;
}
.innernewsbox .item a:hover .time{ color:#666;}
.news-title{
	padding: 30px 0;
    font-size: 40px;
    color: #333;
    line-height: 1.6;
	font-weight:bold;
}
.news-time{
	font-size: 18px;
    color: #777;
    line-height: 18px;
}
.new-content{
	margin-top: 40px;
    padding-bottom: 30px;
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    border-bottom: 1px solid #c9c9c9;
}
.new-more{
	font-size: 18px;
    line-height: 30px;
    color: #666;
    font-weight: 700;
	font-weight:bold;
	padding: 30px 0 60px 20px;
}
.new-more a{
	margin-left: 12px;
    color: #666;    
}
.new-more a:hover{text-decoration:underline;}

/*联系我们*/
.incontactbox{ margin:50px 0; background:url(../images/contact_bg.png) no-repeat center;}
.incontactbox dt{
	font-size: 24px;
    color: #066bb7;
    font-weight: bold;
    margin-bottom: 20px;
}
.leftcontact dd{
	font-size: 16px;
    color: #666;
	display: flex;
    align-items: center;
	margin:15px 0;
}
.incontactbox dd svg{ display:inline-block; margin-right:10px;}
.leftcontact{
	float: left;
    width: 40%;
    padding: 50px 40px;
    box-sizing: border-box;
}

/*客户反馈*/
.rightfeedback{
	float:right;
	width:60%;
	padding: 50px 40px 0 40px;
    box-sizing: border-box;
}
.messagecon { font-size: 16px; line-height: 24px; margin-bottom: 20px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 30%; padding: 10px; border: 1px solid #dedede; margin: 0 10px 0 0; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #d0d0d0; color: #333; border-radius: 4px; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.messagebtn.btnon { background: #275ba3; }

/*产品*/
.protab{
	background: #dfe2e4;
    margin: 30px 0 50px 0;
    display: flex;
    justify-content: center;
	padding: 0;
	box-shadow: 5px 5px 1vw 0 rgb(0 0 0 / 20%);
}
.protab li{
	width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.protab li a{ width:100%; padding: 20px 0;font-size: 18px;text-align: center;}
.protab li a:hover{ background:#b8cfe1;}
.protab li a.bon{ background:#b8cfe1;}
.protab li:hover a{ color:#333;}
.innerprolist{}
.innerprolist .item{
	float: left;
    width: calc(25% - 2px);
    background: #007bc4;
    margin: 1px;
}
.innerprolist .item .pic{ overflow:hidden;}
.innerprolist .item .pic img{ display: block; width: 100%; transition: all .3s;}
.innerprolist .item .pic img:hover {
    display: block;
    width: 100%;
    transform: scale(1.1);
}
.innerprolist .item .info{
	padding: 30px 20px;
    color: #fff;
}
.innerprolist .item .name{
	font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
	text-align:center;
}
.innerprolist .item .text{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.innerprolist .item .mm{
	text-align: center;
    background: #fff;
    color: #007bc4;
    margin: 20px 0;
    padding: 10px 0;
}
.innerprolist .item .mm:hover{
	background: #175396;
	color:#fff;
	transition: all .3s;
}
/*产品*/
.pro-back{}
.pro-back a{
	background: #0067b4;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    width: 160px;
    text-align: center;
    display: block;
}
.pro-back a:hover{ background:#f5951f;}

.page-prev-next{
	display: flex;
    margin-top: 50px;
	font-size:16px;
	font-weight: bold;
}
.page-prev-next .pp{ width:50%;text-align: center; padding:0 10px; overflow:hidden;}

/*产品图展示*/
.flex {
    display: flex;
    flex-wrap: wrap;
}
.small-box { width: 100%; height: 560px; position: relative; /*border: 1px solid #e5e5e5; background: #FFF;*/ overflow: hidden }
.flex-jc-ai-c { display: flex; flex-wrap: wrap; justify-content: center; align-items: center }

.pdshow { background:#f7f7f7; padding:50px 0;}
.pdshow-l { width: 560px }
.preview-container { position: relative; width: 100% }
.preview-container .small-box img { max-width: 100%; max-height: 100%; display: block }
.preview-container .small-box .hover { position: absolute; width: 180px; height: 180px; background-color: hsla(0,0%,80%,.6); border: 1px solid #EEE; display: none; cursor: move }
.preview-container .thumbnail-box { margin-top: 30px; position: relative; width: 100% }
.preview-container .thumbnail-box .btn { position: absolute; top: 50%; width: 22px; height: 22px; margin-top: -11px; color: #7aca35; padding:0; }
.preview-container .thumbnail-box .btn i { font-size: 26px; font-weight: 600 }
.preview-container .thumbnail-box .btn-prev { left: 0 }
.preview-container .thumbnail-box .btn-next { right: 0 }
.preview-container .thumbnail-box .btn_next_disabled, .preview-container .thumbnail-box .btn_prev_disabled { opacity: .5; cursor: not-allowed }
.preview-container .thumbnail-box .list { overflow: hidden; width: calc(100% - 72px); margin: 0 auto; position: relative }
.preview-container .thumbnail-box .list .swiper-pagination { display: none }
.preview-container .thumbnail-box .list ul .item { width: 110px; height: 110px; display: flex; justify-content: center; align-items: center; margin: 0 6px; /*border: 1px solid #e5e5e5;*/ font-size: 0; cursor: pointer; overflow: hidden }
.preview-container .thumbnail-box .list ul .item img { width: 99% }
.preview-container .thumbnail-box .list ul .item-cur {border: 1px solid #7aca35; }
.preview-container .thumbnail-box .list .banner-page { display: none; justify-content: center; align-items: center; position: absolute; width: 13.3333333333vw; border-radius: 5.3333333333vw; background: #d9222a; bottom: 1.3333333333vw; right: 1.3333333333vw; z-index: 999 }
.preview-container .thumbnail-box .list .banner-page span { color: #FFF; font-size: 4vw; margin: 0 2px }
.preview-container .big-box { display: none; overflow: hidden; top: 0; left: calc(100% - 1px); border: 1px solid #e5e5e5; position: absolute; width: 100%; height: 560px; background: #FFF; z-index: 20 }
.preview-container .big-box img { display: block; max-width: none; max-height: none; width: 150% }
.pdshow-r { width: calc(100% - 560px); padding: 30px 30px 0 100px; color: #2a2a2a }
.pdshow-r h1 { font-size: 30px; font-family: Lato; font-weight: 300; line-height: 1.3; margin-bottom:20px; }
.pdshow-r-text { line-height: 1.6; padding: 3% 0 6%; font-size: 18px; border-bottom: 1px solid #e5e5e5; margin-bottom: 6% }
.pdshow-r-text b{ color:#f5951f; font-size: 20px; display:block; margin-bottom:10px;}
.pdshow-r-btn { margin-top: 6%; display: flex; justify-content: space-between }
.pdshow-r-btn>a, .pdshow-r-btn>div { width: 48%; height: 42px; border: 1px solid #7aca35; color: #7aca35; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; margin-bottom: 10px; transition: all .2s ease-in-out; text-transform: uppercase }
.pdshow-r-btn>a:hover, .pdshow-r-btn>div:hover { background-color: #7aca35; color: #FFF }
.pdshow-r-btn>div a { display: flex; align-items: center; width: 100%; height: 100% }
.share-btn-list{font-size: 18px; background:#f5951f; color:#fff; border-radius:30px; text-align:center; padding:8px 10px;}

/*产品说明*/
.detail-nav{
	border-bottom: 1px solid #e5e5e5;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #e5e5e5;
	font-size: 0;
    text-align: center;
}
.detail-nav li {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #212121;
    padding: 0 20px;
    transition: all 0.3s;
    position: relative;
    margin: 0 20px;
    cursor: pointer;
}
.detail-nav li.cur {
    color: #ec6901;
}
.detail-nav li:after {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #ec6901;
    left: 0;
    width: 0;
    transition: all 0.3s;
    content: "";
}
.detail-nav li.cur:after {
    width: 100%;
}
.detail-list2 {
    padding: 1.5rem 0 3.75rem;
}
.detail-list2 .detail-item {
    display: none;
}
.detail-list2 .detail-item.show {
    display: block;
}
/*相关产品推荐*/
.tuijian{}
.tuijian .tuiname{
	font-size: 18px;
    border-top: 1px solid #e5e5e5;
    padding: 30px 0;
}
.tuijian .tuibox{
	margin-bottom: 50px;
}
.tuijian .tuibox .item{
	float: left;
    width: 23%;
    margin-right: 2%;
    text-align: center;
    background: #334c62;
    border-radius: 10px;
    overflow: hidden;
}
.tuijian .tuibox .item:last-child{ margin-right:0;}
.tuijian .tuibox .item .name{
	color: #fff;
    font-size: 16px;
    line-height: 2;
}
.tuijian .tuibox .item .pic{ overflow:hidden;}
.tuijian .tuibox .item .pic img{ display: block; width: 100%; transition: all .3s;}
.tuijian .tuibox .item .pic img:hover {
    display: block;
    width: 100%;
    transform: scale(1.1);
}

@media screen and (max-width: 1024px) {
	.nywrapper{ width:100%; padding:0 20px; box-sizing:border-box;}
	.aboutbox .box_t{ display:none;}
	.aboutbox .bbt{ margin-top:0;}
	.aboutbox .boximg{ height:auto;}
}

@media screen and (max-width: 768px) {
	.inbanner{ height:350px;}
	.aboutbox .leftbox{ width:100%; margin-right:0;}
	.aboutbox .rightbox{ width:100%;}
	.innerhonor .item{ width:48%;}
	
	.pdshow-l, .pdshow-r { width: 100% }
	.hotprocate, .hotproduct-l .home-more, .preview-container .thumbnail-box .btn, .preview-container .thumbnail-box .list .swiper-pagination, .small-box { display: none }
	.preview-container .thumbnail-box .list { width: 100% }
	.preview-container .thumbnail-box .list ul .item-cur { border: none }
	.preview-container .thumbnail-box .list ul .item { width: 100%; height: auto; border: none }
	.preview-container .thumbnail-box .list .banner-page { display: flex }
	.pdshow-r { padding-left: 0 }
	
	.leftcontact{ width:100%;}
	.rightfeedback{ width:100%;}
}

@media screen and (max-width: 425px) {
	.inbanner .en{ font-size:18px;}
	.inbanner .cn{ font-size:26px;}
	.ny-location .dot{ display:none;}
	.ny-location ul{ width:100%;}
	.innerhonor .item{ width:100%;}
	.innerhonor .item .img{ height:auto;}
	.innerhonor .item .img img{ height:auto;}
	.innernewsbox .item{ width:48%; padding:20px;}
	.news-title{ font-size:26px;}
	.innerprolist .item{width: calc(50% - 2px);}
	.protab{ display:inline-block; width:100%;}
	.protab li{ float:left; width:33%;}
	.tuijian .tuibox .item{ width:48%; margin-bottom:2%;}
}